/**
 * Form File Upload
 */
/* Customized Dropzone 1 */
.dropzone#customized-dropzone {
  background: #eeeeee;
  border: 2px solid #ffffff;
  -webkit-border-radius: 75px !important;
  -moz-border-radius: 75px !important;
  border-radius: 75px !important;
  height: 150px;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  width: 150px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.dropzone#customized-dropzone.dz-drag-hover,
.dropzone#customized-dropzone:hover,
.dropzone#customized-dropzone:focus {
  background: #4596f1;
  width: 100%;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.dropzone#customized-dropzone .dz-message {
  margin-top: 19px;
  opacity: 1;
  text-align: center;
}
.dropzone#customized-dropzone.dz-drag-hover .dz-message,
.dropzone#customized-dropzone:hover .dz-message,
.dropzone#customized-dropzone:focus .dz-message {
  margin-top: 12px;
  color: #ffffff;
}
.dropzone#customized-dropzone .dz-message .icon {
  font-size: 48px;
}
.dropzone#customized-dropzone.dz-clickable .dz-message .icon {
  cursor: pointer;
}
.dropzone#customized-dropzone .dz-message .main-text,
.dropzone#customized-dropzone .dz-message .main-text {
  display: none;
  color: #ffffff;
  font-size: 15px;
  font-style: italic;
}
.dropzone#customized-dropzone.dz-drag-hover .dz-message .icon,
.dropzone#customized-dropzone:hover .dz-message .icon,
.dropzone#customized-dropzone:focus .dz-message .icon {
  color: #ffffff;
}
.dropzone#customized-dropzone.dz-drag-hover .dz-message .main-text,
.dropzone#customized-dropzone:hover .dz-message .main-text,
.dropzone#customized-dropzone:focus .dz-message .main-text {
  display: block;
}
#customized-dropzone-results {
  border-left: 1px solid #cccccc;
  height: 150px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
#customized-dropzone-results .dz-status {
  float: left;
}
#customized-dropzone-results .dz-success-mark,
#customized-dropzone-results .dz-error-mark {
  display: none;
}
#customized-dropzone-results .dz-success .dz-success-mark {
  color: #6ec06e;
  display: block;
}
#customized-dropzone-results .dz-error .dz-error-mark {
  color: #f14141;
  display: block;
}
#customized-dropzone-results .dz-error-message {
  color: #f14141;
  margin-left: 30px;
}
/* Customized Dropzone 2 (Alt) */
.dropzone#customized-dropzone-2 {
  background: #4596f1;
  color: #ffffff;
  text-align: center;
  border: 3px dashed #ffffff;
  height: 150px;
  min-height: 0;
  min-width: 0;
  opacity: 0.7;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.dropzone#customized-dropzone-2.dz-drag-hover,
.dropzone#customized-dropzone-2:hover,
.dropzone#customized-dropzone-2:focus {
  opacity: 1;
}
.dropzone#customized-dropzone-2 .dz-message {
  margin-top: 41px;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-progress .progress {
  margin-top: 10px;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status .dz-success-mark,
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status .dz-error-mark {
  float: left;
  display: none;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-success .dz-success-mark,
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-error .dz-error-mark {
  display: block;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-success {
  color: #6ec06e;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-error {
  color: #f14141;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-success .dz-success-mark .icon,
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-error .dz-error-mark .icon {
  float: left;
  display: block;
}
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-success .dz-success-mark .dz-success-message,
#customized-dropzone-results-2 .dz-preview .dz-custom-file-status.dz-error .dz-error-mark .dz-error-message {
  margin-left: 32px;
  margin-top: 3px;
  display: block;
}
